<!doctype html>
<title>Test non-top-left background-position anchors together with repeating backgrounds</title>
<style>
  body { margin: 0 }
  div {
      width: 100px;
      height: 100px;
  }
  .anchor-right {
      background-image: linear-gradient(to left, lime 30px, red 30px);
      background-size: 60px 100px;
      background-position: top 0 right 0;
  }
  .anchor-bottom {
      background-image: linear-gradient(to bottom, red 30px, lime 30px);
      background-size: 100px 60px;
      background-position: bottom 0 left 0;
  }
</style>
<div class="anchor-right"></div>
<div class="anchor-bottom"></div>
